/*Global Sitting*/
*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
body{
  font-family: 'Raleway', sans-serif;
}

/*End Global Sitting*/

/*FrameWork*/
.clearfix{
  clear:both;
}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}
/*End FrameWork*/

/*Start Navigation Stlye*/
nav{
  position:fixed;
  min-width:100%;
  background-color:transparent;
  color:#fff;
  min-height:60px;
  z-index:9999
}
nav .brand{
  float:left;
  width:20%;
  min-height:60px;
}
nav .icon{
  display:none
}
nav .brand h3{
  padding:0;
  margin:0;
  line-height: 60px
}
nav .links{
  width:80%;
  float:right;
  min-height:60px;
}
nav .links .menu{
  float:right;
  min-height:60px;
  padding:0;
  margin:0;
}
nav .links .menu li{
  list-style-type: none;
  cursor:pointer
}
nav .links .menu > li{
  display:inline-block;
  min-height:60px;
  margin: 0px 15px;
  padding:18px 0;
}
nav .links .drop-click{
  postion:relative;
}
nav .links .drop-menu{
  position:absolute;
  background-color:#000;
  top:60px;
  padding:0;
  display:none;
}

nav .links .drop-menu li{
  padding:8px 8px;
  border-bottom:1px dashed #888;
}
nav .links .drop-menu li:hover{
  background-color:#eee;
  color:#000
}
nav .links .drop-menu li:last-child{
  border:none;
}
nav .links i{
  color:#fff;
  position: relative;
  bottom:3px
}
nav .links .rotate{
  transform: rotate(180deg);
  bottom:-3px;
}
/*End Navigation Style*/

/*Start Header*/
  .header .bx-wrapper{
    height:100%;
    background-color:transparent;
    margin:0;
    border:0;
  }
  .header .bx-viewport{
    height:100% !important;
  }
  .header .bxslider .slide{
    background-image: url('../img/slider.jpg');
    background-size:cover
  }
  .header .bxslider .slide1{
    background-image: url('../img/city-sunny-people-street.jpg');
    background-size:cover;
  }
  .bxslider .slide2{
    background-image:url('../img/3.jpg');
    background-size:cover;
  }
  .bxslider .slide3{
    background-image:url('../img/1.jpeg');
    background-size:cover;
  }
  .bxslider .slide4{
    background-image:url('../img/4.jpeg');
    background-size:cover;
  }
  .bx-prev, .bx-next{
    display:none
  }
  .header .bxslider .caption{
    color:#fff;
    display:inline-block;
    width:100%;
    height:100px;
    text-align:center;
    postion:relative;
    z-index:999
  }

  .header .bxslider .caption h3 .header .bxslider .caption p{
    margin:0;
    padding:0;
  }
  .overlay{
  position:absolute;
  background-color:rgba(0,0,0, 0.5);
  left:0;
  right:0;
  bottom:0;
  top:0;

}
/*End Header*/